<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
    xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">
	
	<h:head>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
		<style type="text/css">
			*{margin:0; padding:0;}
			 a{text-decoration: none;}
			 img{max-width: 100%; height: auto;}
			 
		    .download{color: #4D4D4D; padding: 7.2% 6.8% 9.3%;}
			.download .entry-hd{font-size: 2.4em; font-weight: bold; text-align: center;}
			.download-btn{padding-top: 9%; text-align: center;}
			.download-btn .android-btn{ width:auto; margin:0 auto;}
			
			.footer-bg{background: #2D2D2D; color: #E4E4E4; padding: 3.4% 2%; text-align: center;}
			.footer-bg .entry-con{font-size: 1em;}
			
			#weixin-tip{display:none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} 
			#weixin-tip p{text-align: center;  padding:0 5%; position: relative;}
			#weixin-tip .close{
				color: #fff;
				padding: 5px;
				font: bold 20px/20px simsun;
				text-shadow: 0 1px 0 #ddd;
				position: absolute;
				top: 0; left: 5%;
			}
			
		</style>	
		
		<script type="text/javascript">
				function is_weixn(){
					var ua = navigator.userAgent.toLowerCase();
					if(ua.match(/MicroMessenger/i)=="micromessenger") {
						return true;
					} else {
						return false;
					}
				}
				
				window.onload = function(){
					var is_weixin = is_weixn();
					var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;
					var btn = document.getElementById('J_weixin');
					var tip = document.getElementById('weixin-tip');
					var close = document.getElementById('close');
					if(is_weixin){			
						btn.onclick = function(e){
							tip.style.height = winHeight + 'px';
							tip.style.display = 'block';
							return false;
						}
						close.onclick = function(){
							tip.style.display = 'none';
						}
					}else{			
						btn.click();
					}
				}
			</script>	
	</h:head>

	<h:body styleClass="success" >
		<div class="page-wrap">
			<div class="download">
				<h3 class="entry-hd">
	            </h3>
				<div class="download-btn"><a href="http://hhsjzzjfw.cn/rest/download/app/hhsjz.apk" class="android-btn" id="J_weixin"><img src="${resource['images/button.png']}" alt="安卓版下载" /></a></div>
			</div>
			
		</div>
		<div id="weixin-tip"><p><img src="${resource['images/wxtip.png']}" alt="微信打开" /><span id="close" title="关闭" class="close">×</span></p></div>
		
	</h:body>
</html>	